<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div onclick="alert(1)">111111</div>

    <script>


        // 事件的移除
        //    DOM 0级事件，也就是普通绑定事件和行内事件都使用覆盖的方式   onclick = null
        //    DOM 2级事件，也就是事件监听  在绑定事件的时候必须使用具名函数  移除的时候使用removeEventListener(事件类型，具名函数)



        var oDiv = document.querySelector('div');

        oDiv.onclick = null;    // DOM 0级事件具有覆盖性    随便赋值为多少都可以   一般建议 null


        oDiv.addEventListener('click', f1)

        oDiv.addEventListener('click', f2)


        function f1() {
            console.log(1);
        }

        function f2() {
            console.log(2);
        }

        oDiv.removeEventListener('click', f1)

    </script>

</body>

</html>